<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>欢迎</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="欢迎">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="${CONTEXT_PATH}/common/tab/tab.css">
	<script type="text/javascript" src="${CONTEXT_PATH}/common/tab/tab.js"></script>
	
	<style type="text/css">
	html,body,form
	{
		height:100%;
	}
	</style>
	
  </head>
  
  <body>
    <center>
    	<s:form name="frm" id="frm" method="post" action="" namespace="">
    		<table width="100%" height="100%" cellspacing="0" cellpadding="0">
    			<tr>
    				<td height="17%" align="left" valign="top">
    				
    					<table id="mainTb" width="100%" height="100%" cellspacing="0" cellpadding="3">
			    			<tr>
			    				<td width="50%" align="left" valign="middle">
			    					<img src="${CONTEXT_PATH}/images/common/flower1.gif" />
			    					<img src="${CONTEXT_PATH}/images/common/flower2.gif" />
			    				</td>
			    				<td width="50%" align="center" valign="middle">
			    					<img src="${CONTEXT_PATH}/images/line/welcome_using.jpg" />
			    				</td>
			    			</tr>
			    			<tr>
			    				<td colspan="2" height="3" align="center" id="lineTd">
			    					<div style="background-image:url(${CONTEXT_PATH}/images/line/line1_left.gif); background-repeat:no-repeat; width:250px; height:2px; display:inline-block; float:left;" align="center"></div>
			    					<div style="background-image:url(${CONTEXT_PATH}/images/line/line1_center.gif); background-repeat:repeat-x; width:expression(document.getElementById('lineTd').offsetWidth-510); height:2px; display:inline-block; float:left;" align="center"></div>
			    					<div style="background-image:url(${CONTEXT_PATH}/images/line/line1_right.gif); background-repeat:no-repeat; width:250px; height:2px; display:inline-block; float:left;" align="center"></div>
			    				</td>
			    			</tr>
			    		</table>
			    		
    				</td>
    			</tr>
    			<tr>
    				<td height="70%" align="center" valign="top" style="overflow:visible;">
    				
						<div class="container">
						 	<ul class="tabs" method="showFrameSrc">
						 		<my:hasPermission privilegeId="indexHasPay">
						        <li id="li_1"><a href="#tab1">本月交费情况</a></li>
						        </my:hasPermission>
						    </ul>
						    <div class="tab_container">
						    	<my:hasPermission privilegeId="indexHasPay">
						        <div id="tab1" class="tab_content" style="display: block; ">
									<iframe frameborder="0"
			    					 width="100%" 
			    					 id="payFrame" 
			    					 name="payFrame"
			    					 height="auto"
			    					 ></iframe>
						        </div>
						        </my:hasPermission>
						    </div>
						</div>
						
    				</td>
    			</tr>
    			<tr>
    				<td height="13%" align="left" valign="top">
    				
    					<table width="100%" height="100%" cellspacing="0" cellpadding="3">
	    					<tr>
			    				<td height="50" align="center" valign="middle">
			    				</td>
			    				<td align="right" valign="middle">
			    					<img src="${CONTEXT_PATH}/images/common/flower1.gif" />
			    					<img src="${CONTEXT_PATH}/images/common/flower2.gif" />
			    				</td>
			    			</tr>
			    		</table>
			    		
    				</td>
    			</tr>
    		</table>
    	</s:form>
    </center>
    
    <script type="text/javascript">
	$(function(){
		initTab();
		showFrameSrc('li_1');
	});

	function showFrameSrc(id)
	{
		var kgId = getTopKg();
		var payFrame = $('#payFrame');
		if('li_1' == id && payFrame.length > 0 && !isNotNull(payFrame.attr('src')))
		{
			payFrame.attr('src', realPath + '/inner/common/queryPaySituationByThisMonth.action?kindergartenId=' + kgId + '&childvo.hasPay=N');
		}
	}
	
    </script>
  </body>
</html>
